
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="../../css/main.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div class="pub_box">
<div class="div_float1">
    <form id="form_demo"  class="form_b">
        <p class="form_p"><label class="form_label">员工编号：</label><input type="text" class="form_input1 " minlength="2"  required ><i class="i_start"></i> </p>
        <p class="form_p"><label class="form_label">电子邮件：</label><input type="email" class="form_input1 " > </p>
        <p class="form_p"><label class="form_label">电话号码：</label><input type="number" class="form_input1 " name="digits" ><a class="a_note">必须为数字</a></p>
        <p class="form_p"><label class="form_label">密码：</label><input type="password" class="form_input1 " name="pass" minlength="6" required><i class="i_start"></i><a class="a_note">最小６位</a> </p>
</form>
</div>
       <div class="div_float2">
           <form class="form_b" ><p class="form_p"><label class="form_label">职业：</label><select class="form_input1">
            <option>xxz</option>
            <option>xxxx</option>
        </select></p>
        <p class="form_p"><label class="form_label">性别：</label><input type="radio" class="form_radio" checked="checked"><a class="form_a">男</a> <input type="radio" class="form_radio"><a  class="form_a"> 女</a></p>
        <p class="form_p"><label class="form_label">区域：</label><input type="checkbox" class="form_check" checked="checked"/><a class="form_a">区域一</a><input type="checkbox" class="form_check"/><a class="form_a">区域二</a><input type="checkbox" class="form_check"/><a class="form_a">区域三</a></p>
        <p class="form_p"><label class="form_label">日期：</label><input  class="form_date" id="demo"/></p></div>
    <div class="clear"></div>
        <p class="form_p"><label class="form_label a_area">内容：</label><textarea class="text_area1" ></textarea></p>
        <p class="but_p"><input type="submit" value="保存" class="but_save"/><input type="button" value="取消" class="but_close" id="close"> </p>
    </form>


</div>
<script src="../../js/jquery.js"></script>
<script src="../../js/date/js/laydate.js"></script>
<script src="../../layer_v2.1/layer/layer.js"></script>
<script src="../../js/jquery-validation-1.14.0/dist/jquery.validate.min.js" charset="utf-8"></script>
<script src="../../js/jquery-validation-1.14.0/dist/localization/messages_zh.js" charset="utf-8"></script>
<script>
    $(function(){
        var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引
        $('#close').on('click', function(){
            parent.layer.close(index); //执行关闭

        });

    })
</script>
<script>
    !function(){
        laydate.skin('danlan');//
        laydate({elem: '#demo'});
        laydate({elem: '#demo1'});//
    }();
</script>
<script >
    $.validator.setDefaults({
        submitHandler: function() {
            alert("修改成功");
        }
    });
    $().ready(function() {
        $(".form_b").validate();
    });
</script>
</body>
</html>
